<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <title>XiaoMi</title>
</head>
<body>
    <div class="top">
        <img src="./img/return.png" alt="">
        <div>小米自营城</div>
        <img src="./img/shop.png" style="float: right;">
    </div>

    <div class="title">发布会新品</div>

    <div class="wrapper">
        <div class="item">
            <img src="./img/thing-2.png" alt="">
            <div class="container">       
                     <div class="f1">Redmi K50 电竞版</div>
                     <div class="f2">开年大作，全线拉满的冷血旗舰</div>

                     <div class="color">
                        <div class="color1">
                            <div>新品</div>               
                         </div>
                         <div class="color2">                       
                            <div>分期免息</div>
                         </div> 
                     </div>

                     <div class="money">
                        <div class="m"><span style="font-size: 16px;">￥</span>3299<span style="font-size: 16px;">起</span></div>

                        <div class="color3">                       
                            <div>立即抢购</div>
                         </div> 
                     </div> 
                    
            </div>
        </div>

        <div class="item">
            <img src="./img/thing-1.png" alt="">
            <div class="container">
                     <div class="f1">Redmi K50 电竞版 金属散热</div>
                     <div class="f2">新品首发，适配Redmi K50电竞版手机</div>
                     <div class="color">
                        <div class="color1">
                            <div>新品</div>               
                         </div>
                         <div class="color4">                       
                            <div>小米自营</div>
                         </div> 
                     </div>

                     <div class="money">
                        <div class="m"><span style="font-size: 16px;">￥</span>99</div>

                        <div class="color3">                       
                            <div>立即抢购</div>
                         </div> 
                     </div>

            </div>
        </div>

        <div class="item">
            <img src="./img/thing-3.png" alt="">
            <div class="container">
                     <div class="f1">Redmi 电竞路由器 AX5400</div>
                     <div class="f2">全平台游戏加速，唯快不破！5400</div>
                     <div class="color">
                        <div class="color1">
                            <div>新品</div>               
                         </div>
                         <div class="color4">                       
                            <div>小米自营</div>
                         </div> 
                     </div>

                     <div class="money">
                        <div class="m"><span style="font-size: 16px;">￥</span>599</div>

                        <div class="color3">                       
                            <div>立即抢购</div>
                         </div> 
                     </div> 
                
            </div>
        </div>

    </div>
</body>
</html>